
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	<h:outputStylesheet library="css" name="header.css" />
	<div id="headerdiv">
		<div id="menudiv">
			<h:form id="formHeader">
				<div id="buttondiv">
					<p:tooltip for="foodTable" value="Kalóriatáblázat" />
					<p:commandButton id="foodTable" value=""
						styleClass="menuButton foodTableIcon"
						action="#{navigationController.viewFoodTable()}" update=":content" />
					<p:tooltip for="recipes" value="Receptek" />
					<p:commandButton id="recipes" value=""
						styleClass="menuButton recipesIcon"
						action="#{navigationController.viewRecipes()}" update=":content" />
					<p:tooltip for="activities" value="Gyakorlatok" />
					<p:commandButton id="activities" value=""
						styleClass="menuButton activities"
						action="#{navigationController.viewActivity()}" update=":content" />
					<p:tooltip for="workouts" value="Edzések" />
					<p:commandButton id="workouts" value=""
						styleClass="menuButton workouts"
						action="#{navigationController.viewWorkout()}" update=":content" />
					<p:tooltip for="foodJournal" value="Étel napló" />
					<p:commandButton id="foodJournal" value=""
						styleClass="menuButton foodJournal"
						action="#{navigationController.viewFoodJournal()}"
						update=":content" />
					<p:tooltip for="workoutJournal" value="Edzés napló" />
					<p:commandButton id="workoutJournal" value=""
						styleClass="menuButton workoutJournal"
						action="#{navigationController.viewWorkoutJournal()}"
						update=":content" />
					<p:tooltip for="measure" value="Mérések" />
					<p:commandButton id="measure" value=""
						styleClass="menuButton measure"
						action="#{navigationController.viewMeasurementJournal()}"
						update=":content" />
					<p:tooltip for="calculators" value="Kalkulátorok" />
					<p:commandButton id="calculators" value=""
						styleClass="menuButton calculators"
						action="#{navigationController.viewCalculators()}"
						update=":content" />
					<p:commandButton id="account"
						value="#{userDetailsService.currentUserRealName}" />

					<p:overlayPanel id="accountPanel" for="formHeader:account"
						dynamic="true" hideEffect="fade" hideEvent="mousedown">
					Magasság: #{userDetailsService.currentUser.height}<br />
					Súly: #{userDetailsService.currentUser.weight}<br />
						<p:meterGaugeChart id="bmiGauge"
							value="#{accountPanelController.meterGaugeModel}"
							showTickLabels="false" labelHeightAdjust="50"
							intervalOuterRadius="65"
							seriesColors="66cc66, 93b75f, E7E658, cc6666"
							style="width:200px;height:125px"
							label="BMI: #{accountPanelController.bmi}" />

						<p:commandLink value="Kilépés"
							action="#{loginController.doLogout()}" ajax="false" />
					</p:overlayPanel>
				</div>
			</h:form>
		</div>
	</div>
</ui:composition>
